﻿@using Matrix.Common.Utility.MvcHelper
@model Matrix.MaKaYunShang.Model.Dto.MagRolePermissionDto

@{
    ViewBag.Title = "编辑权限";
    ViewBag.PathToBtn = "/MagRole/List";
    ViewBag.TextBtn = "返回至列表";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<!-- /.row -->
<div class="row">
    <div class="col-lg-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                权限信息
            </div>
            <div class="panel-body">
                <div class="row">
                    @using (Html.BeginForm("UpdatePermission", "MagRole", FormMethod.Post, new { id = "frmUpdate", enctype = "multipart/form-data" }))
                    {
                        @Html.AntiForgeryToken()
                        @Html.ValidationSummary(true)
                        @Html.HiddenFor(model => model.RoleId)
                        <div class="col-lg-12">
                            <fieldset>
                                <div class="form-group col-md-12">
                                    <label>当前编辑角色</label>
                                    <div class="input-group">
                                        @Html.DisplayFor(model => model.RoleName, new { @class = "form-control" })
                                    </div>
                                </div>
                                <div class="form-group col-md-12">
                                    <div class="panel panel-default">
                                        <div class="panel-heading">授予权限</div>
                                        <!-- /.panel-heading -->
                                        <div class="panel-body">
                                            <div class="table-responsive">
                                                <table class="table">
                                                    <thead>
                                                        <tr>
                                                            <th>
                                                                <label><input id="chkShop" type="checkbox" name="chkShop" />店铺管理</label>
                                                            </th>
                                                            <th>
                                                                <label><input id="chkCoupons" type="checkbox" name="chkCoupons" />优惠券管理</label>
                                                            </th>
                                                            <th>
                                                                <label><input id="chkOrders" type="checkbox" name="chkOrders" />订单管理</label>
                                                            </th>
                                                            <th>
                                                                <label><input id="chkConsumers" type="checkbox" name="chkConsumers" />用户管理</label>
                                                            </th>
                                                            <th>
                                                                <label><input id="chkCommodity" type="checkbox" name="chkCommodity" />商品管理</label>
                                                            </th>
                                                            <th>
                                                                <label><input id="chkFinancial" type="checkbox" name="chkFinancial" />财务管理</label>
                                                            </th>
                                                            <th>
                                                                <label><input id="chkPay" type="checkbox" name="chkPay" />支付管理</label>
                                                            </th>
                                                            <th>
                                                                <label><input id="chkWechat" type="checkbox" name="chkWechat" />微信管理</label>
                                                            </th>
                                                            <th>
                                                                <label><input id="chkSysConfig" type="checkbox" name="chkSysConfig" />系统管理</label>
                                                            </th>
                                                            <th>
                                                                <label><input id="chkComment" type="checkbox" name="chkComment" />评价管理</label>
                                                            </th>
                                                            <th>
                                                                <label><input id="chkGfcStat" type="checkbox" name="chkGfcStat" />报表管理</label>
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>
                                                                @Html.CheckBoxList("ShopsModule", false)
                                                            </td>
                                                            <td>
                                                                @Html.CheckBoxList("CouponsModule", false)
                                                            </td>
                                                            <td>
                                                                @Html.CheckBoxList("OrdersModule", false)
                                                            </td>
                                                            <td>
                                                                @Html.CheckBoxList("ConsumersModule", false)
                                                            </td>
                                                            <td>
                                                                @Html.CheckBoxList("CommodityModule", false)
                                                            </td>
                                                            <td>
                                                                @Html.CheckBoxList("FinancialModule", false)
                                                            </td>
                                                            <td>
                                                                @Html.CheckBoxList("PayModule", false)
                                                            </td>
                                                            <td>
                                                                @Html.CheckBoxList("WechatModule", false)
                                                            </td>
                                                            <td>
                                                                @Html.CheckBoxList("SysConfigModule", false)
                                                            </td>
                                                            <td>
                                                                @Html.CheckBoxList("CommentModule", false)
                                                            </td>
                                                            <td>
                                                                @Html.CheckBoxList("GfcStatModule", false)
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <!-- /.table-responsive -->
                                        </div>
                                        <!-- /.panel-body -->
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <button id="btnSave" type="submit" class="btn btn-primary">确认并保存</button>
                                </div>
                            </fieldset>
                        </div>
                    }
                </div>
                <!-- /.row (nested) -->
            </div>
            <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
    </div>
    <!-- /.col-lg-12 -->
</div>
<!-- /.row -->
@section javascript{
    <script type="text/javascript">
        $(function () {
            // 权限勾选项
            $("#chkShop").click(function () {
                if ($("#chkShop").is(":checked")) {
                    $("input[name='ShopsModule']").prop("checked", true);
                } else {
                    $("input[name='ShopsModule']").prop("checked", false);
                }
            });

            $("#chkCoupons").click(function () {
                if ($("#chkCoupons").is(":checked")) {
                    $("input[name='CouponsModule']").prop("checked", true);
                } else {
                    $("input[name='CouponsModule']").prop("checked", false);
                }
            });

            $("#chkOrders").click(function () {
                if ($("#chkOrders").is(":checked")) {
                    $("input[name='OrdersModule']").prop("checked", true);
                } else {
                    $("input[name='OrdersModule']").prop("checked", false);
                }
            });

            $("#chkConsumers").click(function () {
                if ($("#chkConsumers").is(":checked")) {
                    $("input[name='ConsumersModule']").prop("checked", true);
                } else {
                    $("input[name='ConsumersModule']").prop("checked", false);
                }
            });

            $("#chkCommodity").click(function () {
                if ($("#chkCommodity").is(":checked")) {
                    $("input[name='CommodityModule']").prop("checked", true);
                } else {
                    $("input[name='CommodityModule']").prop("checked", false);
                }
            });

            $("#chkFinancial").click(function () {
                if ($("#chkFinancial").is(":checked")) {
                    $("input[name='FinancialModule']").prop("checked", true);
                } else {
                    $("input[name='FinancialModule']").prop("checked", false);
                }
            });

            $("#chkPay").click(function () {
                if ($("#chkPay").is(":checked")) {
                    $("input[name='PayModule']").prop("checked", true);
                } else {
                    $("input[name='PayModule']").prop("checked", false);
                }
            });

            $("#chkWechat").click(function () {
                if ($("#chkWechat").is(":checked")) {
                    $("input[name='WechatModule']").prop("checked", true);
                } else {
                    $("input[name='WechatModule']").prop("checked", false);
                }
            });

            $("#chkSysConfig").click(function () {
                if ($("#chkSysConfig").is(":checked")) {
                    $("input[name='SysConfigModule']").prop("checked", true);
                } else {
                    $("input[name='SysConfigModule']").prop("checked", false);
                }
            });

            $("#chkComment").click(function () {
                if ($("#chkComment").is(":checked")) {
                    $("input[name='CommentModule']").prop("checked", true);
                } else {
                    $("input[name='CommentModule']").prop("checked", false);
                }
            });

            $("#chkGfcStat").click(function () {
                if ($("#chkGfcStat").is(":checked")) {
                    $("input[name='GfcStatModule']").prop("checked", true);
                } else {
                    $("input[name='GfcStatModule']").prop("checked", false);
                }
            });
            var selectedModules = eval(@Html.Raw(Model.ListModules));
            $("input[name='ShopsModule']").each(function (i) {
                for (var j = 0; j < selectedModules.length; j++) {
                    if ($(this).val() == selectedModules[j].ModuleId) {
                        $(this).prop("checked", true);
                        break;
                    }
                }
            });

            $("input[name='CouponsModule']").each(function (i) {
                for (var j = 0; j < selectedModules.length; j++) {
                    if ($(this).val() == selectedModules[j].ModuleId) {
                        $(this).prop("checked", true);
                        break;
                    }
                }
            });

            $("input[name='OrdersModule']").each(function (i) {
                for (var j = 0; j < selectedModules.length; j++) {
                    if ($(this).val() == selectedModules[j].ModuleId) {
                        $(this).prop("checked", true);
                        break;
                    }
                }
            });

            $("input[name='ConsumersModule']").each(function (i) {
                for (var j = 0; j < selectedModules.length; j++) {
                    if ($(this).val() == selectedModules[j].ModuleId) {
                        $(this).prop("checked", true);
                        break;
                    }
                }
            });

            $("input[name='CommodityModule']").each(function (i) {
                for (var j = 0; j < selectedModules.length; j++) {
                    if ($(this).val() == selectedModules[j].ModuleId) {
                        $(this).prop("checked", true);
                        break;
                    }
                }
            });

            $("input[name='FinancialModule']").each(function (i) {
                for (var j = 0; j < selectedModules.length; j++) {
                    if ($(this).val() == selectedModules[j].ModuleId) {
                        $(this).prop("checked", true);
                        break;
                    }
                }
            });

            $("input[name='PayModule']").each(function (i) {
                for (var j = 0; j < selectedModules.length; j++) {
                    if ($(this).val() == selectedModules[j].ModuleId) {
                        $(this).prop("checked", true);
                        break;
                    }
                }
            });

            $("input[name='WechatModule']").each(function (i) {
                for (var j = 0; j < selectedModules.length; j++) {
                    if ($(this).val() == selectedModules[j].ModuleId) {
                        $(this).prop("checked", true);
                        break;
                    }
                }
            });

            $("input[name='SysConfigModule']").each(function (i) {
                for (var j = 0; j < selectedModules.length; j++) {
                    if ($(this).val() == selectedModules[j].ModuleId) {
                        $(this).prop("checked", true);
                        break;
                    }
                }
            });

            $("input[name='CommentModule']").each(function (i) {
                for (var j = 0; j < selectedModules.length; j++) {
                    if ($(this).val() == selectedModules[j].ModuleId) {
                        $(this).prop("checked", true);
                        break;
                    }
                }
            });
            
            $("input[name='GfcStatModule']").each(function (i) {
                for (var j = 0; j < selectedModules.length; j++) {
                    if ($(this).val() == selectedModules[j].ModuleId) {
                        $(this).prop("checked", true);
                        break;
                    }
                }
            });
        })
    </script>
}